<template>
  <div class="boot">
    <div class="lineBody">
      <img class="img" id="img1" src="../../../../../assets/image/home/headline.png">
      <div class="text">糖医生测试糖测试糖医生医生生测试</div>
      <img class="img" id="img2" src="../../../../../assets/image/home/right.png">
    </div>
  </div>
</template>

<script>
    export default {
        name: 'HeadLine'
    }
</script>

<style scoped>
  .boot {
    height: 1rem;
    background-color: #EEECED;
    padding: 0 .1rem;
    border-radius: .1rem;
    margin-top: .1rem;
    font-size: .4rem;
  }

  .lineBody {
    height: 1rem;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;


  }

  .text {
    color: #7E7E7C;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .4rem;
    width: 90%;
    margin-left: .2rem
  }

  .img {

    height: .4rem;

  }

  #img1 {
    width: 8%;
  }

  #img2 {
    width: 2%;

  }
</style>
